<template>
  <el-container>
    <!--direction="vertical" 垂直排版-->
    <!--left-->
    <el-aside width="70%">
      <el-row>
        <el-col :span="24">
          <el-card class="box-card" shadow="hover">
            <!-- 用户输入年龄职业收入,便可帮助分析怎么变得更好,等等-->
            变好的各种措施(暂时没想好),官方发布?
          </el-card>
        </el-col>
      </el-row>
    </el-aside>
    <!--right 下面这些有重复的, 是否要独立组件?-->
    <el-main>
      <el-row>
        <el-col :span="24">
          <el-card class="box-card">
            <span>card 111111: 内容待定</span>
          </el-card>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <el-card class="box-card">card 22222222: 内容待定</el-card>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <el-card class="box-card">广告</el-card>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <el-card class="box-card">card 3: 内容待定</el-card>
        </el-col>
      </el-row>
    </el-main>
  </el-container>
</template>

<script>
import { getPage } from './env/service'

export default {
  name: "getBetter",
  data() {
    return {
      badList: [],
    }
  },
  mounted() {
    //this.test();
  },
  created() {
  },
  methods: {}
}
</script>

<style scoped>
.el-card {
  margin-bottom: 20px;
  /*下边距*/
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}
</style>
